html,body{
  width:100%;
  height:100%;
}
.container{
  width:100%;
  height:100%;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  img{
    width:350px;
    height:128px;
  }
  h1{
    font-size: 28px;
    color:#333;
  }
  .function{
    width:600px;
    margin:20px auto;
    display: flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    span{
      font-size:14px;
      padding:5px 10px;
      margin:0 5px 5px 0;
      border:1px solid #ccc;
      border-radius:5px;
      color:#999;
    }
  }
  ul{
    display: flex;
    justify-content: center;
    align-items: center;
    list-style:none;
    padding:0;
    margin:15px 0 20px 0;
    li{
      width:64px;
      height:64px;
      margin-right:30px;      
      &:nth-last-of-type(1) {
        margin-right:0;
      }
      a{
        width:64px;
        height:64px;
        display:block;
      }
    }
  }
}